<template>
	<view class="main auto">
		<view class="imgss auto">
			<img src="../../../static/amove.png" alt="">
		</view>
		<view class="auto succ">
			缴费成功
		</view>
		<view class="tip">
			您已成功缴费，可在个人中心中查看缴费记录
		</view>
		<view class="btnst" @click="paythefees">
			查看缴费详情
		</view>
		<view class="btnnd" @click="toindex">
			返回首页
		</view>
	</view>
</template>
<script>
	export default{
		methods:{
			toindex(){
				uni.switchTab({
					url:'/pages/index/index'
				})
			},paythefees(){
				uni.navigateTo({
					url:'./paythefees'
				})
			}
		}
		
	}
</script>
<style>
	.main {
		width: 92%;
	}

	.succ {
		text-align: center;
		font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
		font-weight: 400;
		font-size: 34rpx;
	}

	.auto {
		margin: 0 auto;
	}

	.tip {
		margin: 10rpx 0;
		font-family: 'PingFangSC-Ultralight', 'PingFang SC Ultralight', 'PingFang SC', sans-serif;
		font-weight: 100;
		color: #AAAAAA;
		font-size: 28rpx;
		text-align: center;
	}

	.imgss {
		margin: 80rpx auto 46rpx;
		width: 70rpx;
		height: 70rpx;
	}

	.btnst {
		font-family: 'PingFangHK-Regular', 'PingFang HK', sans-serif;
		font-weight: 400;
		height: 76rpx;
		font-size: 34rpx;
		color: #FFFFFF;
		text-align: center;
		line-height: 40rpx;
		border-radius: 8rpx;
		background-color: rgba(52, 120, 247, 1);
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 220rpx 0 30rpx;
	}

	.btnnd {
		font-family: 'PingFangHK-Regular', 'PingFang HK', sans-serif;
		font-weight: 400;
		height: 76rpx;
		font-size: 34rpx;
		color: #FFFFFF;
		text-align: center;
		line-height: 40rpx;
		border-radius: 8rpx;
		background-color: rgba(52, 120, 247, 1);
		display: flex;
		align-items: center;
		justify-content: center;
		color: #006EFF;
		background-color: rgba(0, 110, 255, 0.0980392156862745);
	}

	.imgss img {
		width: 70rpx;
		height: 70rpx;
	}
</style>